import React, { Component } from 'react'

import { PickerView } from 'antd-mobile'

import FilterFooter from '../../../../components/FilterFooter'


export default class FilterPicker extends Component {
  state = {
    value:this.props.defaultValue
  }
  render() {
    const {onCancel,onSave,data,cols,type} = this.props
    const {value} = this.state
    return (
      <>
        {/* 选择器组件： */}
        <PickerView data={data} value={value} cols={cols} onChange={(val)=>{
          this.setState({value:val})
        }}/>

        {/* 底部按钮 */}
        <FilterFooter onCancel={()=>onCancel(type)} onOk={()=>onSave(type,value)}/>
      </>
    )
  }
}
